<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/public/statics/css/swiper.min.css"/>
    <link rel="stylesheet" href="/public/statics/css/common.css"/>
    <link rel="stylesheet" href="/public/statics/css/css.css"/>
    <script src="/public/statics/js/jquery.min.js"></script>
    <script src="/public/statics/js/swiper.jquery.min.js"></script>
    <!--下面紧接title start-->
    <title>热门</title>
<!--上面紧接title end-->
</head>
<body>
<!--header-->
<header>
    <div class="header_top main">
        <a href="<?php echo U('Index/index');?>"><img class="header_logo" src="/public/statics/images/logo.png" width="135" height="30" alt=""/></a>
       <div class="header_slogan"> 一图一创新，一图一世界</div>
        <div class="header_search"><input class="text" type="text" placeholder="搜多关键字"/><input class="ser_btn" type="button" value="搜索"/></div>

        <?php if(session("tel")){ ?>

            <div class="header_my">
                <a class="photo" href="<?php echo U('My/index');?>"><img src="/public/statics/images/photo.png" alt=""/></a>
                <a class="msg" href="<?php echo U('My/msg');?>"><img src="/public/statics/images/xx.png" alt=""/></a>
                <a href="<?php echo U('Register/loginOut');?>" style="background: none; padding:0; font-size: 12px;">退出</a>
            </div>

        <?php }else{ ?>

            <div class="header_login"><a href="<?php echo U('Register/login');?>">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="<?php echo U('Register/register');?>">注册</a></div>

        <?php } ?>

    </div>
    <div class="header_nav">
        <div class="main">
            <a href="<?php echo U('Index/index');?>" class="<?php if($nav == 1){echo 'on';} ?>">首页</a>
            <a href="<?php echo U('Index/hot');?>" class="<?php if($nav == 2){echo 'on';} ?> pr">热门 <img class="nav_hot" src="/public/statics/images/hot.png" width="37" height="17" alt=""/></a>
            <a href="<?php echo U('Index/info');?>" class="<?php if($nav == 3){echo 'on';} ?>">资讯</a>
            <a href="<?php echo U('Index/tech');?>" class="<?php if($nav == 4){echo 'on';} ?>">科技</a>
            <a href="<?php echo U('Index/life');?>" class="<?php if($nav == 5){echo 'on';} ?>">生活</a>
            <a href="<?php echo U('Index/fund');?>" class="<?php if($nav == 6){echo 'on';} ?>">基金</a>
            <a href="<?php echo U('Index/tel');?>" class="<?php if($nav == 7){echo 'on';} ?>">联系我们</a>
        </div>
    </div>
</header>
<!--header end-->
<!--header end-->
<div class="hot_banner tc"><img src="/public/statics/images/yztj.png" width="214" height="80" alt=""/></div>
<div class="oh main pb40">
    <div class="hot_left fl">
        <div class="hot_tap">
            <span class="on">热门</span>
            <span>最新</span>
        </div>
        <div class="hot_cont pt20">
            <div class="hot_cont_mode">
                <div class="top_tit">
                    <img class="photo" src="/public/statics/images/pt1.png" alt=""/>
                    <div class="fl">
                        <p class="tit">神奇的世界</p>
                        <p class="time">09-14 09:32</p>
                    </div>
                    <div class="xin">
                        <img src="/public/statics/images/xin.png" alt=""/>
                        <img class="none" src="/public/statics/images/xina.png" alt=""/>
                    </div>
                </div>
                <div class="article_tit">人本数据和感知计算是大数据发展方向</div>
                <div class="article_txt"><span class="art_length">大数据技术的战略意义不在于掌握庞大的数据信息，而在于对这些含有意义的数据进行专业化处理。换而言之，如果把大数据比作一种产业，那么这种产业实现盈利的关键，在于提高对数据的“加工能力”，通过“加工”实现数据的“增值”</span><span class="zkbtn none">...展开</span></div>
                <div class="article_imgs">
                    <img src="/public/statics/images/img10.jpg" alt=""/>
                    <img src="/public/statics/images/img11.jpg" alt=""/>
                    <img src="/public/statics/images/img12.jpg" alt=""/>
                    <img src="/public/statics/images/img10.jpg" alt=""/>
                    <img src="/public/statics/images/img11.jpg" alt=""/>
                    <img src="/public/statics/images/img12.jpg" alt=""/>
                </div>
                <div class="article_bot">
                    <span class="views">浏览 12313</span>
                    <span class="msg">124</span>
                    <span class="zan">13</span>
                </div>

            </div>
            <div class="hot_cont_mode">
                <div class="top_tit">
                    <img class="photo" src="/public/statics/images/pt1.png" alt=""/>
                    <div class="fl">
                        <p class="tit">神奇的世界</p>
                        <p class="time">09-14 09:32</p>
                    </div>
                    <div class="xin">
                        <img class="none" src="/public/statics/images/xin.png" alt=""/>
                        <img  src="/public/statics/images/xina.png" alt=""/>
                    </div>
                </div>
                <div class="article_tit">人本数据和感知计算是大数据发展方向</div>
                <div class="article_txt"><span class="art_length">大数据技术的战略意义不在于掌握庞大的数据信息，而在于对这些含有意义的数据进行专业化处理。换而言之，如果把大数据比作一种产业，那么这种产业实现盈利的关键，在于提高对数据的“加工能力”，通过“加工”实现数据的“增值”在于提高对数据的</span><span class="zkbtn none">...展开</span></div>
                <div class="article_mp4">
                    <!--<img class="play_btn" src="/public/statics/images/play_btn.png" width="72" height="72" alt=""/>-->
                    <!--<img src="/public/statics/images/mp4_img.jpg" alt=""/>-->
                    <video src="http://www.w3school.com.cn/i/movie.ogg"  controls="controls">
                        your browser does not support the video tag
                    </video>
                </div>
                <div class="article_bot">
                    <span class="views">浏览 12313</span>
                    <span class="msg">124</span>
                    <span class="zan">13</span>
                </div>
            </div>
        </div>
        <!--加载更多-->
        <div class="hot_load_more mt30"><span>加载更多</span></div>
    </div>
    <div class="hot_right fr">
        <h2>热门相关</h2>
        <div class="hot_man">
            <div class="hot_mode ">
                <img src="/public/statics/images/pt6.png" alt=""/>
                <p class="ellipsis">神奇的世界</p>
                <p class="ellipsis">解密昆士兰，赢取神秘之旅</p>
            </div>
            <div class="hot_mode">
                <img src="/public/statics/images/pt7.png" alt=""/>
                <p class="ellipsis">神奇的世界</p>
                <p class="ellipsis">解密昆士兰，赢取神秘之旅</p>
            </div>
            <div class="hot_mode">
                <img src="/public/statics/images/pt8.png" alt=""/>
                <p class="ellipsis">神奇的世界</p>
                <p class="ellipsis">解密昆士兰，赢取神秘之旅</p>
            </div>
            <div class="hot_mode ">
                <img src="/public/statics/images/pt6.png" alt=""/>
                <p class="ellipsis">神奇的世界</p>
                <p class="ellipsis">解密昆士兰，赢取神秘之旅</p>
            </div>
            <div class="hot_mode">
                <img src="/public/statics/images/pt7.png" alt=""/>
                <p class="ellipsis">神奇的世界</p>
                <p class="ellipsis">解密昆士兰，赢取神秘之旅</p>
            </div>
            <div class="hot_mode">
                <img src="/public/statics/images/pt8.png" alt=""/>
                <p class="ellipsis">神奇的世界</p>
                <p class="ellipsis">解密昆士兰，赢取神秘之旅</p>
            </div>
        </div>
    </div>
</div>

<!--footer-->
<!--footer-->
<footer>
    <div class="main pr">
        <div class="saoDown">
            <div class="saoMa"><img src="/public/statics/images/ma.png" width="150" height="151" alt=""/></div>
            <div class="saotxt tc">[扫描下载APP]</div>
        </div>
        <div class="fot_top oh">
            <div class="fot_left f12 fl">
                <h2 class="f16 pb20">联系我们</h2>
                <p><span>电话：</span>400-88888888</p>
                <p><span>传真：</span>022-8888888</p>
                <p><span>邮箱：</span>service@tu.com</p>
            </div>
            <div class="fot_right fl">
                <h2 class="f16 pb10">关于我们</h2>
                <div class="fot_block f12">
                    <div style="padding-left: 22px; padding-top: 16px;">
                        <span style="color: #ee1c25;">一图一创新,一图一世界。</span>用户上传自己的创新案例,或分享发现的创新案例,并有良好的交互。<br />
                        碎片时代,全图片模式,较少阅读量;<br />
                        让眼球凝聚创新,让时间实现价值;<br />
                        每月每年会评选优秀创新奖,并发放奖励;
                    </div>
                </div>
            </div>
        </div>
        <div class="fot_bot f12">Copyright©2011-2017 tu365.com All Rights Reserved  版权所有∙ 天津创新世界有限公司</div>
    </div>
</footer>
<!--footer end-->
<script>
$(".art_length").each(function(){
    var txt = $(this).text();
    var len = txt.length;
    if(len>106){
        $(this).text(txt.substr(0,106));
        $(this).data("alls",txt);
        $(this).siblings(".zkbtn").show()
    }
});
$(".zkbtn").click(function(){
    var alls = $(this).siblings(".art_length").data("alls");
    $(this).siblings(".art_length").text(alls);
    $(this).hide();
})

</script>
</body>
</html>